<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>TOMA299 - Creaciones Audiovisuales</title>
<link rel="stylesheet" type="text/css" href="./css/style.css" media="screen" />
<link rel="stylesheet" type="text/css" href="css/screen.css" media="screen" />
</head>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
		$(document).ready(function(){	
			$("#slider").easySlider({
				auto: true, 
				continuous: true
			});
		});	
	</script>
<body>
<nav>
    <div id="logo"><img src="images/logo.png" width="266" height="130"></div>
    <div id="menu">
        <ul>
            <li><a title="INICIO" href="index.php">
                <h1>VOLVER AL</h1>
                <h2>INICIO</h2>
                <h3>AHORA</h3>
                </a> </li>
            <li><a title="PORTFOLIO" href="#">
                <h1>VER NUESTRO</h1>
                <h2>PORTFOLIO</h2>
                <h3>&nbsp;</h3>
                </a>
                <ul>
                    <li><a title="CORPORATIVO" href="">
                        <h1>VIDEO</h1>
                        <h2>CORPORATIVO</h2>
                        </a></li>
                    <li><a title="EVENTOS" href="">
                        <h1>FILMACIÓN DE</h1>
                        <h2> EVENTOS</h2>
                        </a></li>
                    <li><a title="VIDEOCLIPS" href="">
                        <h1>CREACIÓN DE</h1>
                        <h2>VIDEOCLIPS</h2>
                        </a></li>
                    <li><a title="FOTOGRAFICOS" href="">
                        <h1>REPORTAJES</h1>
                        <h2>FOTOGRAFICOS</h2>
                        </a></li>
                </ul>
            </li>
            <li><a title="SERVICIOS" href="#">
                <h1>QUE</h1>
                <h2>SERVICIOS</h2>
                <h3>TE OFRECEMOS</h3>
                </a></li>
            <li><a title="CONTACTO" href="contacto.html">
                <h1>PONTE EN</h1>
                <h2>CONTACTO</h2>
                <h3>CON NOSOTROS</h3>
                </a></li>
            <li><a title="FESTIVAL" href="offest.html">
                <h1>FESTIVAL INTERNACIONAL</h1>
                <h2>OFFEST</h2>
                <h3>DE CORTOMETRAJES</h3>
                </a></li>
        </ul>
    </div>
</nav>
<div id="contenedorvideos">
    <iframe autoplay=1 width="920" height="518" src="http://www.youtube.com/embed/9Q9rR0WrkMg?autoplay=1" frameborder="0" allowfullscreen></iframe>
</div>

<!---------------------------MENU REDES SOCIALES FIJO ------------------->
<div id="banner">
    <div id="bloque"> <a rel="nofollow" href="https://www.facebook.com/toma299" target="_blank"><img alt="facebook" src="images/facebook.png"></a> <a rel="nofollow" href="https://www.facebook.com/toma299" target="_blank"><img alt="twitter" src="images/twitter.png"></a> <a rel="nofollow" href="https://www.facebook.com/toma299" target="_blank"><img alt="youtube" src="images/youtube.png"></a> <a rel="nofollow" href="https://www.facebook.com/toma299 target="_blank""><img alt="vimeo" src="images/vimeo.png"></a> <a rel="nofollow" href="https://www.facebook.com/toma299" target="_blank"><img alt="linkedin" src="images/linkedin.png"></a> </div>
</div>
<!---------------------------           FIN           ------------------->
<div id="container2">
    <div id="noticias">
        <div class="titular">SANTÍSIMA LUPITA</div>
        
        <div class="linea_baja"></div>
        <h2>Now that we know who you are, I know who I am. I'm not a mistake! It all makes sense! In a comic, you know how you can tell who the arch-villain's going to be? He's the exact opposite of the hero. And most times they're friends, like you and me! I should've known way back when... You know why, David? Because of the kids. They called me Mr Glass.</h2>
    </div>
</div>
</body>
</html>